<template>
   <div class="deposit_result" style="flex:1;">
		<wxc-minibar  title="提现审核" ></wxc-minibar>
		<scroller class="scroller" style="position:fixed;top:0px;bottom:0px;left:0;right:0;">
			<div class="desc">
				<image style="width:298px;height:298px;margin-top:72px;" src="http://zhongcai-test.oss-cn-beijing.aliyuncs.com/hch5/waitreview.png"></image> 
				<text style="font-family: PingFangSC-Light;font-size: 40px;color: #9E8383;margin-top:72px;margin-bottom:71px;">提现申请已提交，等待审核</text>
			</div>

			<div class="desc_item">
				<text style="font-size: 32px;color: #999999;margin-left:32px;">提现金额</text>
				<text style="font-family: PingFangSC-Medium;font-size: 32px;color: #333333;margin-right:32px;">{{ personalDetails.money }}元</text>
			</div>

			<div class="desc_item">
				<text style="font-size: 32px;color: #999999;margin-left:32px;">可用金额</text>
				<text style="font-family: PingFangSC-Medium;font-size: 32px;color: #333333;margin-right:32px;">{{ personalDetails.usableMoney }}元</text>
			</div>

			<div class="button" @click="linkRouter">
				<text style="font-family: PingFangSC-Medium;font-size: 32px;color: #FFFFFF;">完成</text>
			</div>

			<div style="padding-left:32px;padding-top:32px;padding-bottom:32px;">
				<text style="font-size: 28px;color: #999999;">提现到账时间提醒</text>
			</div>

			<div class="table">
				<div class="table-top">
					<div class="table-first border-so center">
						<text class="table-title">工作日</text>
					</div>
					<div class="table-right border-so">
						<div class="table-right-content border-so" style="border-bottom-width:1px;">
							<div class="table-right-content-l border-so center">
								<text class="table-title">16:30之前</text>
							</div>
							<div class="table-right-content-r center">
								<text class="table-title">当天到账</text>
							</div>
						</div>
						<div class="table-right-content">
							<div class="table-right-content-l border-so center">
								<text class="table-title">16:30之后</text>
							</div>
							<div class="table-right-content-r center">
								<text class="table-title">下一个工作日到账</text>
							</div>
						</div>
					</div>
				</div>
				<div class="table-bottom">
					<div class="table-bottom-l center border-so"><text class="table-title">双休/节假日</text></div>
					<div class="table-bottom-r center"><text class="table-title">下一个工作日到账</text></div>
				</div>
			</div>
		</scroller>
   </div>
</template>

<script>
   import WxcMinibar from "@/components/modules/wxc-minibar/index.js"
   import { getBaseUrl, jsonAnalysis, getUserInfoModel} from "@/utils/index.js";

	const navigator = weex.requireModule("navigator");
	const modal = weex.requireModule("modal");
	let deposit = new BroadcastChannel('deposit')

   export default {
		data(){
			return {
				personalDetails:{}
			}
		},

		mounted() {
			this.personalDetails = jsonAnalysis(weex.config.bundleUrl.split('?')[1])
			setTimeout(()=>{ getUserInfoModel() })
		},

		components:{
			WxcMinibar
		},

		methods: {
			linkRouter() {
				// 刷新入口资金
                deposit.postMessage('post')
				navigator.pop()
			}
		}
   };
</script>
<style scoped>
   .deposit_result{
       position:absolute;
       top: 0;
       left:0;
       right:0;
       bottom: 0;
       background-color: #F5F5F5;
	   padding-bottom:60px;
   }
   .desc{
      background-color: #FFFFFF;
      display:flex;
      flex-direction: column;
      align-items:center;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: rgb(245,245,245); 
    }
    .desc_item{
      height:112px;
      background-color: #FFFFFF;
      display:flex;
      flex-direction:row;
      justify-content: space-between;
      align-items:center;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: rgb(245,245,245);  
    }
    .button{
        margin-top: 80px;
        margin-left: 32px;
        margin-right: 32px;
        height: 96px;
        background-color: #E70D0D;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .table{
		width: 680px;
		height: 216px;
		overflow: hidden;
		margin-left:35px;
		margin-bottom:60px;
		background-color: rgb(239,239,239);
		border-width: 1px;
		border-style: solid;
		border-color: #BCBCBC;  
    }

	.table-first {
		width:173px;
		height: 142px;
		border-right-width: 1px;
		border-bottom-width: 1px;
	}

	.table-title {
		font-family: PingFangSC-Regular;
		font-size: 24px;
		color: #666666;
	}

	.table-top {
		width: 680px;
		height: 142px;
		flex-direction: row;
	}

	.table-bottom {
		width: 680px;
		height: 73px;
		flex-direction: row;
	}

	.table-right {
		width:512px;
		height: 142px;
		border-bottom-width: 1px;
	}

	.table-right-content {
		width:512px;
		height: 71px;
		flex-direction: row;
	}

	.table-right-content-l {
		width:200px;
		height: 71px;
		border-right-width: 1px;
	}

	.table-right-content-r {
		width:311px;
		height: 71px;
	}

	.table-bottom-l {
		width:173px;
		height: 73px;
		border-right-width: 1px;
	}

	.table-bottom-r {
		width:512px;
		height: 73px;
	}

	.center {
		justify-content: center;
		align-items: center;
	}

	.border-so {
		border-style: solid;
		border-color: #BCBCBC;  
	}
</style>